<h1>Pohon Jaringan Board</h1>
<?php
$message = '';
?>
<style>
    /* AWAL TREE */
    .tree { width:696px; overflow:auto; }
    .tree { padding:10px 0; font-size:7pt; }
    
    .tree th { text-align:center; margin:0; padding:0; }
    .tree td { font-family:verdana, Arial, Helvetica, sans-serif; padding:0 1px; }
    
    .tree .box-1, 
    .tree .box-2, 
    .tree .box-3, 
    .tree .box-4 { border-collapse: collapse; margin:0; padding:0; border:2px solid #1a4e7e; background:#dff0ff; }
    
    .tree .box-1 td, 
    .tree .box-2 td, 
    .tree .box-3 td, 
    .tree .box-4 td { text-align:center; padding:10px 0px !important; }
    
    .tree .box-1 .mid { font-weight:bold; color:#fff; font-size:10pt; border-bottom:1px solid #1a4e7e; background:#5a91c3; }
    .tree .box-1 .data { font-weight:bold; color:#444; font-size:11pt; }
    
    .tree .box-2 .mid { font-weight:bold; color:#fff; font-size:9pt; border-bottom:1px solid #1a4e7e; background:#5a91c3; }
    .tree .box-2 .data { font-weight:bold; color:#444; font-size:10pt; }
    
    .tree .box-3 .mid { font-weight:bold; color:#fff; font-size:8pt; border-bottom:1px solid #1a4e7e; background:#5a91c3; }
    .tree .box-3 .data { font-weight:bold; color:#444; font-size:9pt; }
    
    .tree .box-4 .mid { font-weight:bold; color:#fff; font-size:7pt; border-bottom:1px solid #1a4e7e; background:#5a91c3; }
    .tree .box-4 .data { font-weight:bold; color:#444; font-size:8pt; }
    /* AKHIR TREE */
</style>
<br />
<div class="tree">
    <table border="0" cellpadding="0" cellspacing="0" align="center">
        <tr>
            <td width="43.75%" colspan="6"></td>
            <td width="12.5%" colspan="4" align="center">
                <table class="box-1" border="0" cellpadding="0" cellspacing="0" width="100%" height="120">
                    <tr><td class="mid" height="10"><?php echo $data[1]['board_network_mid']; ?></td></tr>
                    <tr><td class="data"><?php echo $data[1]['member_name']; ?></td></tr>
                </table>
            </td>
            <td width="43.75%" colspan="6"></td>
        </tr>
        <tr>
            <td width="100%" colspan="16" height="10"></td>
        </tr>
        <tr>
            <td width="18.75%" colspan="2"></td>
            <td width="12.5%" colspan="4" align="center">
                <table class="box-2" border="0" cellpadding="0" cellspacing="0" width="100%" height="120">
                    <tr><td class="mid" height="10"><?php echo $data[2]['board_network_mid']; ?></td></tr>
                    <tr><td class="data"><?php echo $data[2]['member_name']; ?></td></tr>
                </table>
            </td>
            <td width="37.5%" colspan="4"></td>
            <td width="12.5%" colspan="4" align="center">
                <table class="box-2" border="0" cellpadding="0" cellspacing="0" width="100%" height="120">
                    <tr><td class="mid" height="10"><?php echo $data[3]['board_network_mid']; ?></td></tr>
                    <tr><td class="data"><?php echo $data[3]['member_name']; ?></td></tr>
                </table>
            </td>
            <td width="18.75%" colspan="2"></td>
        </tr>
        <tr>
            <td width="100%" colspan="16" height="10"></td>
        </tr>
        <tr>
            <td width="12.5%" colspan="4" align="center">
                <table class="box-3" border="0" cellpadding="0" cellspacing="0" width="100%" height="120">
                    <tr><td class="mid" height="10"><?php echo $data[4]['board_network_mid']; ?></td></tr>
                    <tr><td class="data"><?php echo $data[4]['member_name']; ?></td></tr>
                </table>
            </td>
            <td width="12.5%" colspan="4" align="center">
                <table class="box-3" border="0" cellpadding="0" cellspacing="0" width="100%" height="120">
                    <tr><td class="mid" height="10"><?php echo $data[5]['board_network_mid']; ?></td></tr>
                    <tr><td class="data"><?php echo $data[5]['member_name']; ?></td></tr>
                </table>
            </td>
            <td width="12.5%" colspan="4" align="center">
                <table class="box-3" border="0" cellpadding="0" cellspacing="0" width="100%" height="120">
                    <tr><td class="mid" height="10"><?php echo $data[6]['board_network_mid']; ?></td></tr>
                    <tr><td class="data"><?php echo $data[6]['member_name']; ?></td></tr>
                </table>
            </td>
            <td width="12.5%" colspan="4" align="center">
                <table class="box-3" border="0" cellpadding="0" cellspacing="0" width="100%" height="120">
                    <tr><td class="mid" height="10"><?php echo $data[7]['board_network_mid']; ?></td></tr>
                    <tr><td class="data"><?php echo $data[7]['member_name']; ?></td></tr>
                </table>
            </td>
        </tr>
        <tr>
            <td width="100%" colspan="16" height="10"></td>
        </tr>
        <tr>
            <td width="12.5%" colspan="2" align="center">
                <table class="box-4" border="0" cellpadding="0" cellspacing="0" width="100%" height="120">
                    <tr><td class="mid" height="10"><?php echo $data[8]['board_network_mid']; ?></td></tr>
                    <tr><td class="data"><?php echo $data[8]['member_name']; ?></td></tr>
                </table>
            </td>
            <td width="12.5%" colspan="2" align="center">
                <table class="box-4" border="0" cellpadding="0" cellspacing="0" width="100%" height="120">
                    <tr><td class="mid" height="10"><?php echo $data[9]['board_network_mid']; ?></td></tr>
                    <tr><td class="data"><?php echo $data[9]['member_name']; ?></td></tr>
                </table>
            </td>
            <td width="12.5%" colspan="2" align="center">
                <table class="box-4" border="0" cellpadding="0" cellspacing="0" width="100%" height="120">
                    <tr><td class="mid" height="10"><?php echo $data[10]['board_network_mid']; ?></td></tr>
                    <tr><td class="data"><?php echo $data[10]['member_name']; ?></td></tr>
                </table>
            </td>
            <td width="12.5%" colspan="2" align="center">
                <table class="box-4" border="0" cellpadding="0" cellspacing="0" width="100%" height="120">
                    <tr><td class="mid" height="10"><?php echo $data[11]['board_network_mid']; ?></td></tr>
                    <tr><td class="data"><?php echo $data[11]['member_name']; ?></td></tr>
                </table>
            </td>
            <td width="12.5%" colspan="2" align="center">
                <table class="box-4" border="0" cellpadding="0" cellspacing="0" width="100%" height="120">
                    <tr><td class="mid" height="10"><?php echo $data[12]['board_network_mid']; ?></td></tr>
                    <tr><td class="data"><?php echo $data[12]['member_name']; ?></td></tr>
                </table>
            </td>
            <td width="12.5%" colspan="2" align="center">
                <table class="box-4" border="0" cellpadding="0" cellspacing="0" width="100%" height="120">
                    <tr><td class="mid" height="10"><?php echo $data[13]['board_network_mid']; ?></td></tr>
                    <tr><td class="data"><?php echo $data[13]['member_name']; ?></td></tr>
                </table>
            </td>
            <td width="12.5%" colspan="2" align="center">
                <table class="box-4" border="0" cellpadding="0" cellspacing="0" width="100%" height="120">
                    <tr><td class="mid" height="10"><?php echo $data[14]['board_network_mid']; ?></td></tr>
                    <tr><td class="data"><?php echo $data[14]['member_name']; ?></td></tr>
                </table>
            </td>
            <td width="12.5%" colspan="2" align="center">
                <table class="box-4" border="0" cellpadding="0" cellspacing="0" width="100%" height="120">
                    <tr><td class="mid" height="10"><?php echo $data[15]['board_network_mid']; ?></td></tr>
                    <tr><td class="data"><?php echo $data[15]['member_name']; ?></td></tr>
                </table>
            </td>
        </tr>
    </table>
</div>